// 自定义的进度条
import React from "react";
import style from "@/style/component/common/Custprogress.module.scss"
const Custprogress = ({ title = "进度条", state = 99, radius = true, }) => {
    return (
        <>
            <div className={style.card}>
                <div className={style.item}>
                    <div className={style.item_center}>
                        <div className={style.header}>{title}</div>
                        <div className={style.center}>
                            <div className={style.progress} style={{ borderRadius: radius ? "15px 15px 15px 15px" : "0 0 0 0 " }}>
                                <div className={style.finish} style={{ borderRadius: radius ? "15px 15px 15px 15px" : "0 0 0 0 ", width: state + "%" }}></div>
                            </div>
                            <div className={style.value}>{state}%</div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}
export default Custprogress;